<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--标签可以分为行标签和块标签
块标签,独立占用一行,div
行标签,和其它标签共同占用一行 span
-->
<!--div标签
是我们之后非常常用的标签
它本身没有意义
大多数情况下,就是我们需要一个块来装载其他的标签
-->
<div style="background-color:red; ">
    我是一个div
</div>

<!--div可以指定大小
如果没有指定宽高,那么高度会被内容撑开
,宽度与浏览器一样宽-->
<div style="background-color: green; width: 100px; height: 100px">
    <h1>我是一个开心的div</h1>
    <p>我很开心</p>
    <p>我很开心</p>
    <p>我很开心</p>
    <p>我很开心</p>
</div>
<span style="background-color: yellow">开心开心</span>
</body>
</html>